*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #666;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
}
body{
	font-size: 14px;
	color: #666;
	font-family:"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

/*顶部*/
header{
   width: 100%;
   height: 150px;	
   position: relative;
   z-index: 2;
}
.headers{
	position: fixed;
	top: 0;
	left: 0;
}
header .header-ul1{
	width: 100%;
    max-width: 1400px;
    padding: 0 60px;
    margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
header .header-ul1 li{
	width: 13.7%;
	float: left;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,.3);
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	margin-top: 80px;
}
header .header-ul1 li:first-child{
	text-align: left;
}
header .header-ul1 li:last-child{
	text-align: right;
	border-right: 0;
}
header .header-ul1 li a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	min-width: 70px;
	position: relative;
}
header .header-ul1 li a:hover{
	color: #fff;
}
header .header-ul1 li a:after{
	content: "";
	width: 0;
	height: 5px;
	background: #32d191;
	position: absolute;
	left: 50%;
	bottom: -50px;
	transition: all .3s; 
}
header .header-ul1 li a:hover:after{
	width: 100%;
	left: 0;
	transition: all .3s; 
}
header .header-ul1 li .cli:after{
	content: "";
	width: 100%;
	height: 5px;
	background: #32d191;
	position: absolute;
	left: 0;
	bottom: -50px;
	transition: all .3s; 
}
.header-li3{
	width: 45.2% !important;
	
}
.header-li3 img{
	position: relative;
	top: -60px;
}
.header-li3 a:after{
	width: 0;
}
.header-li3 a:hover:after{
	width: 0;
}
.header-div{
	display: none;
}

@media(max-width:991px){
	header .header-ul1 li{
		width: 15.7%;
	}
	.header-li3{
		width: 37.2% !important;
	}
}
@media(max-width:767px){
	header{
		width: 100%;
		height: 1.2rem;
		position: fixed;
		left: 0;
		top: 0;
		
		padding: 0;
		z-index: 29;
	}
	header .header-ul1{
		display: none;
	}
	header.on{
		background: #fff;
		border-bottom: 1px solid #E5E5E5;
	}
	header.on .header-d1 div{
		background: #000;
	}
	.header-div{
		width: 100%;
		height: 100%;
		display: block;
		transition: all .5s;
	}
	.header-div2{
		background: rgba(50,209,145,.95);
		transition: all .5s; 
	}
	.header-div2 .header-d1 div{
		background: #fff;
	}
	.header-div .hd-ewm{
		text-align: center;
		margin-top: .85rem;
	}
	.header-div .hd-ewm img{
		width: 1.55rem;
	}
	.header-div .hd-ewm div{
		font-size: .28rem;
		line-height: .35rem;
		margin-top: .15rem;
		color: #fff;
	}
	.header-div-a1{
		width: 1.35rem;
		height: 1.2rem;
		float: left;
		text-align: center;
	}
	.header-div-a1 img{
		max-width: 100%;
		max-height: 100%;
	}
	.header-d1{
		width: .5rem;
		float: right;
		margin-right: .4rem;
		margin-top: .4rem;
	}
	.header-d1 div{
		width: .5rem;
		height: .05rem;
		background: #fff;
		margin-bottom: .12rem;
		opacity: 1;
		transition: all .5s; 
	}
	.header-d1.cli .header-d1-a{
		 -webkit-transform: rotate(44deg);
	    -ms-transform: rotate(44deg);
	    transform: rotate(44deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-d1.cli .header-d1-b{
		opacity: 0;
		transition: all .5s; 
	}
	.header-d1.cli .header-d1-c{
		 -webkit-transform: rotate(-44deg);
	    -ms-transform: rotate(-44deg);
	    transform: rotate(-44deg);
	   transform-origin:0%;
	   -ms-transform-origin:0%;
	   -webkit-transform-origin:0%;
	   -moz-transform-origin:0%;
	   transition: all .5s; 
	}
	.header-d2{
		position: fixed;
		top: 1.2rem;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(50,209,145,.95);
		padding: .2rem .4rem;
		display: none;
		z-index: 39;
	}
	.header-d2 form{
		width: 100%;
		margin-top: .7rem;
		position: relative;
	}
	.header-d2 .hd-ip1{
		width: 100%;
		font-size: .3rem;
		line-height: .85rem;
		background: #fff;
		border: 0;
		height: .85rem;
		padding: 0 .3rem;
		padding-right: 1.2rem;
	}
	.header-d2 .hd-ip2{
		display: none;
	}
	.header-d2 .hd-div1{
		width: 1rem;
		height: .85rem;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../img/hd_ico01.png) no-repeat center;
		background-size: .4rem;
	}
	.header-d2-ul{
		width:6.1rem;
		margin: 0 auto;
		font-size: .28rem;
		line-height: .6rem;
		padding-top: .3rem;
		border-bottom: 1px solid #E5E5E5;
		color: #666;
	}
	.header-d2-a1{
		display: block;
		width: 100%;
		height: .6rem;
		font-size: .3rem;
		line-height: .6rem;
		color: #fff;
	}
	.header-d2-a1 span{
		display: inline-block;
		font-size: .4rem;
		line-height: .6rem;
		float: right;
	}
	.header-d2-ul ul{
		display: none;
	}
	.header-d2-ul ul li{
		height: .8rem;
		padding: 0 .2rem;
		border-top: 1px solid #E5E5E5;
		
	}
	.header-d2-ul ul li a{
		display: block;
		font-size: .3rem;
		line-height: .8rem;
		color: #fff;
	}
}




/*底部*/
footer{
	width: 100%;
	background: #313131;
}
footer .footer{
	width: 100%;
	max-width: 1400px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 70px;
}
.footer-div{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	min-height: 140px;
}
.footer-d1{
	width: 100px;
	float: left;
	margin-right: 8.4%;
}
.footer-d1 div{
	font-size: 14px;
	line-height: 1;
}
.footer-d1 div a{
	font-size: 14px;
	color: #32d191;
	line-height: 1;
	opacity: .7;
}
.footer-d1 ul{
	margin-top: 15px;
}
.footer-d1 li{
	font-size: 12px;
	color: #afafaf;
	height: 25px;
	line-height: 20px;
}
.footer-d1 li a{
	color: #afafaf;
	height: 20px;
	line-height: 20px;
	transition: all .3s; 
}
.footer-d1 div a:hover{
	color: #32d191;
	opacity: .65;
	transition: all .3s; 
}
.footer-d2{
	margin-right: 2%;
}
.footer-d3{
	width: 200px;
	float: right;
}
.footer-d3 .sd-d1{
	font-size: 14px;
	line-height: 1;
}
.footer-d3 .sd-d1 a{
	font-size: 14px;
	color: #32d191;
	line-height: 1;
	opacity: .7;
}
.footer-d3 .sd-d2{
	width: 200px;
	height: 30px;
	border: 1px solid rgba(255,255,255,.2);
	font-size: 12px;
	line-height: 28px;
	color: #909090;
    padding: 0 15px 0 10px;
    margin-top: 15px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    background: url(../img/ico_022.png) no-repeat 185px center;
}
.footer-d3 .zlma{
	display: inline-block;
	color: #afafaf;
    height: 16px;
    line-height: 16px;
    transition: all .3s;
    font-size: 14px;
    opacity: .7;
    position: relative;
    top: 5px;
}
.footer-d3 .zlma:hover{
	color: #32d191;
	opacity: .65;
	transition: all .3s;
}
.footer-d3 .yqlj{
	color: #afafaf;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    opacity: .7;
    position: relative;
    top:8px
}
.footer-d3 .sd-d2 .dzxs{
	
}
.footer-d3 .sd-d2 .dzlj{
	width: 200px;
	max-height: 160px;
	overflow-x: auto;
    position: absolute;
    left: -1px;
    top: 31px;
    border: 1px solid rgba(255,255,255,.2);
    padding: 5px 0;
    background: #343434;
    display: none;
}
.footer-d3 .sd-d2 .dzlj a{
	display: block;
	font-size: 12px;
	line-height: 20px;
	padding: 3px 10px ;
	color: #909090;
	transition: all .3s;
}
.footer-d3 .sd-d2 .dzlj a:hover{
	color: #32d191;
	opacity: .65;
	transition: all .3s;
}
.footer-botton{
	height: 55px;
	line-height: 55px;
	font-size: 12px;
	color: #909090;
	text-align: center;
	border-top: 1px solid #454545;
	margin-top: 45px;
}
.footer-botton span{
	margin-left: 15px;
}
.footer-botton span a{
	color: #909090;
	transition: all .3s; 
}
.footer-botton span a:hover{
	color: #32d191;
	opacity: .65;
	transition: all .3s; 
}
.footer-share{
	margin-top: 10px;
}
.footer-share .ft-fx{
	display: none;
}
.footer-d3 .bds_tsina{
	background-image: url(../img/ico_015.png);
	background-position:0 !important;
	margin-right: 25px; 
}
.footer-d3 .bds_weixin{
	background-image: url(../img/ico_017.png);
	background-position:0 !important;
	margin-right: 25px; 
}
.footer-d3 .bds_sqq{
	background-image: url(../img/ico_016.png);
	background-position:0 !important;
	margin-right: 25px;  
}
.iright{
	width: 40px;
	height: 250px;
	position: fixed;
	top:50%;
	right:35px;
	margin-top: -120px;
	z-index: 6;
}
.iright .iright-div{
	height: 40px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
}
.iright .iright-d1{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: relative;
	z-index: 9;
}
.iright .iright-e{
	display: block;
	margin-bottom: 10px;
}
.iright .iright-a .iright-d1{
	background: url(../img/ico_018.png) no-repeat center #41d098;
}
.iright .iright-b .iright-d1{
	background: url(../img/ico_019.png) no-repeat center #41d098;
}
.iright .iright-c .iright-d1{
	background: url(../img/ico_020.png) no-repeat center #41d098;
}
.iright .iright-d .iright-d1{
	background: url(../img/ico_021.png) no-repeat center #41d098;
}
.iright .iright-e .iright-d1{
	background: url(../img/ico_021s.png) no-repeat center #41d098;
}
.iright .iright-d2{
	width: 120px;
	height: 40px;
	background: #fff;
	border-radius: 20px;
	font-size: 14px;
	color: #000;
	padding-right: 40px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: -40px;
	z-index: 8;
	transition: all .5s;
	transform: scale(0);
	-webkit-transform: scale(0);
    -moz-transform: scale(0);	/* Firefox */
}
.iright .iright-div:hover .iright-d2{
	transform: scale(1);
	right: 0px;
	transition: all .5s;
}
.iright-div .iright-a1{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 11;
	display: none;
}
.iright-div .iright-a1 form{
	width: 600px;
	height: 60px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -300px;
}
.iright-div .iright-a1 form .it1{
	width: 450px;
	height: 60px;
	padding: 0 10px;
	font-size: 18px;
	color: #fff;
	background: none;
	border: none;
	border-bottom: 2px solid #fff;
	float: left;
}
.iright-div .iright-a1 form .it2{
	border: none;
	background: #fff;
	font-size: 18px;
	width: 80px;
	height: 55px;
	color: #333;
	line-height: 55px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	transition: all .3s;
}
.iright-div .iright-a1 form .it2:hover{
	color: #039702;
	transition: all .3s;
}
.iright-div .iright-a1 .imgx{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: 250px;
	margin-top: -25px;
	transition: all .3s;
}
.iright-div .iright-a1 .imgx:hover{
	opacity: .9;
	transition: all .3s;
}
.iright-div .iright-b1{
	width: 100px;
	height: 100px;
	position: absolute;
	top:-30px;
	right: 120px;
	display: none;
}
.iright-div .iright-b1 img{
	width: 100%;
}
.iright-div .iright-c1{
	width: 120px;
	height: 40px;
	border-radius: 20px;
	background: #313131;
	position: absolute;
	top:0;
	right: 120px;
	display: none;
}
.iright-div .iright-c1 .footer-share{
	margin-top: 6px;
	margin-left: 17px;
}
.iright-div .iright-c1 .bds_tsina{
	background-image: url(../img/ico_015.png);
	background-position:0 !important;
	margin-right: 15px; 
}
.iright-div .iright-c1 .bds_weixin{
	background-image: url(../img/ico_017.png);
	background-position:0 !important;
	margin-right: 15px; 
}
.iright-div .iright-c1 .bds_sqq{
	background-image: url(../img/ico_016.png);
	background-position:0 !important;
	margin-right: 15px;  
}


@media(max-width:991px){
	.footer-d1{
		margin-right: 5%;
	}
}

@media(max-width:767px){
	.iright{
		width: .65rem;
		height: .65rem;
		margin-top: 0;
		right: .4rem;
		top: initial;
		bottom: .6rem;
	}
	.iright .iright-a{
		display: none;
	}
	.iright .iright-b{
		display: none;
	}
	.iright .iright-c{
		display: none;
	}
	.iright .iright-e{
		display: none;
	}
	.iright .iright-d{
		width: .65rem;
		height: .65rem;
	}
	.iright .iright-d .iright-d1{
		width: .65rem;
		height: .65rem;
		background-size: .25rem .3rem;	
	}
	.iright .iright-d:hover .iright-d2{
		display: none;
	}
	footer .footer{
		width: 5.7rem;
		padding: 0;
		padding-top: .65rem;
		padding-bottom: .5rem;
	}
	.footer-share{
		margin-top: .5rem;
		padding-top: .2rem;
		border-top: 1px solid rgba(255,255,255,.3);
		position: relative;
	}
	.footer-share .bdsharebuttonbox{
		padding-left: 2.4rem;
		position: relative;
		overflow: hidden;
	}
	.footer-share .ft-fx{
		width: 1rem;
		font-size: .28rem;
		height: .5rem;
		line-height: .5rem;
		color: rgba(255,255,255,.3);
		position: absolute;
		top:.25rem;
		left: 1.3rem;
		display: block;
	}
	.footer-d3 .sd-d2{
		display: none;
	}
	.footer-d1{
		width: 2.85rem;
		text-align: center;
		margin: 0;
		height: .6rem;
		padding-left: .5rem;
		text-align: left;
		background: url(../img/ico_06.png) no-repeat 2rem .05rem;
	}
	.footer-d1 div a{
		font-size: .24rem;
		margin-top: .18rem;
	}
	.footer-d3{
		width: 5.7rem;
		margin-right: 0rem;
	}
	.footer-d3 .sd-d1 a{
		font-size: .24rem;
		padding-left: .5rem;
		padding-right: 2rem;
		background: url(../img/ico_06.png) no-repeat 2rem .05rem;
	}
	.footer-d3 .sd-d2 select{
		width: 100%;
		height: .6rem;
		line-height: .6rem;
		font-size: .2rem;
		color: rgba(255,255,255,.3);
		border-color: rgba(255,255,255,.3);
		margin-top: .6rem;
	}
	.footer-botton{
		width: 5.7rem;
		font-size: .20rem;
		color: rgba(255,255,255,.3);
		line-height: .4rem;
		text-align: center;
		margin: 0 auto;
		margin-top: .1rem;
		border-top: 0;
	}
	.footer-botton span{
		display: block;
	}
	.footer-botton span a{
		font-size: .18rem;
		color: rgba(255,255,255,.3);
	}
	.footer-d1 .sd-d2{
		position: fixed;
	    left: 0;
	    bottom: -100%;
	    z-index: 18;
	    width: 100%;
	    height: 100%;
	    transition: all .5s;
	}
	.footer-d1 .sd-d2.sd-d3{
		bottom: 0;
		transition: all .5s;
	}
	.footer-d1 .sd-d2 ul{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: .3rem 0;
		background: #fff;
		z-index: 20;
	}
	.footer-d1 .sd-d2 ul li{
		height: .8rem;
		border-bottom: 1px solid #E5E5E5;
		position: relative;
		z-index: 20;
	}
	.footer-d1 .sd-d2 ul li a{
		display: block;
		font-size: .35rem;
		color: #333;
		text-align: center;
		height: .8rem;
		line-height: .8rem;
	}
	.footer-d1 .sd-d2 div{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: rgba(0,0,0,.3);
	}
	
}

.footer-aft{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index: 16;   
}



/*公用 请勿轻易修改*/
.top-bj{
	width: 100%;
	background: no-repeat center;
	width: 100%;
	height: 645px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.top-text{
	width: 100%;
	height: 495px;
	margin: 0 auto;
	text-align: center;
}
.top-h1{
	font-size: 48px;
	line-height: 1;
	color: #fff;
	padding-top: 140px;
	text-shadow: 0 0 35px rgba(0,0,0,.2);
}
.top-p1{
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	margin-top: 25px;
	text-shadow: 0 0 25px rgba(0,0,0,.23);
}
.zlm-bj1{
	width: 100%;
	padding: 0 50px;
}
.zlm-cont1{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.page{
	display: inline-block;
}
.page a{
	display:block;
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #ebebeb;
	font-size: 14px;
	color: #666;
	line-height: 38px;
	text-align: center;
}
.page .prev{
	width: 100px;
	padding-left: 18px;
	background: url(../img/news_05.png) no-repeat 20px center;
}
.page .next{
	width: 100px;
	padding-right: 18px;
	background: url(../img/news_06.png) no-repeat 70px center;
}
.page .active{
	background: #32d191;
	color: #fff;
}
.page a:hover{
	background: #32d191;
	color: #fff;
}
.page .prev:hover{
	background: url(../img/news_051.png) no-repeat 20px center #32d191;
}
.page .next:hover{
	background: url(../img/news_061.png) no-repeat 70px center #32d191;
}

@media(max-width:767px){
	.top-bj{
		height: 5.2rem;
		background-size: cover;
		
	}
	.top-text{
		height: 4rem;
		width: 6.4rem;
		margin: 0 auto;
		margin-top: 1.2rem;
	}
	.top-h1{
		font-size: .42rem;
        padding-top: 1rem;
       
	}
	/*.top-h1{
		font-size: .42rem;
	    line-height: .3rem;
	    margin-top: .5rem;
	}*/
	.zlm-bj1{
		padding: 0;
	}
	 .page a{
	 	width: .6rem;
	 	height: .6rem;
	 	font-size: .26rem;
	 	line-height: .6rem;
	 	text-align: center;
	 }
	 .page .prev{
	 	width: 1.3rem;
	 	padding-left: .15rem;
	 	background-position-x: .1rem;
	 }
	 .page .next{
	 	width: 1.3rem;
	 	padding-right: .15rem;
	 	background-position-x: 1rem;
	 }
	 
	 
}






/*首页*/
.ibanner{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.ibanner .swiper-slide{
	width: 100%;
	height: 100%;
	background: no-repeat top center;
	background-size: cover;
}
.ibanner .hbj{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 1;
}
.ibanner-span{
	position: fixed;
	width: 8px;
	height: 150px;
	left: initial;
	bottom: initial;
	left: 20px;
	top: 50%;
	margin-top: -90px;
	line-height: 30px;
	z-index: 1;
}
.ibanner-span span{
	background: #fff;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	transition: all .3s;
}
.ibanner-span .swiper-pagination-bullet-active{
	width: 8px;
	height: 20px;
	border-radius: 6px;
	transition: all .3s;
	background: #32d191;
}
.itop-text{
	width: 100%;
	height: 655px;
	margin: 0 auto;
	margin-top: 150px;
	text-align: center;
	position: relative;
	z-index: 2;
}
.itop-h1{
	font-size: 48px;
	line-height: 1;
	color: #fff;
	padding-top: 180px;
	text-shadow: 0 0 25px rgba(0,0,0,.5);
}
.itop-p1{
	max-width: 100%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	margin-top: 25px;
	text-shadow: 0 0 25px rgba(0,0,0,.5);
}
.itop-div{
	margin-top: 60px;
}
.itop-div a{
	display: inline-block;
	width: 190px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: #32d191;
	margin: 0 10px;
}
.itop-div a img{
	margin-right: 10px;
}
.itop-div a:last-child img{
	position: relative;
	top:-2px
}
.inav{
	width: 100%;
	padding: 65px 50px;
	background: #fff;
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 900px;
	position: relative;
	z-index: 3;
}
.inav-d1{
	width: 80px;
	height: 50px;
	font-size: 12px;
	color: #333;
	line-height: 1;
	padding-top: 36px;
	background: url(../img/ico_03.png) no-repeat top center;
	position: absolute;
	left: 50%;
	top:-15px;
	margin-left: -41px;
	cursor: pointer;
}
.inav-d2{
	width: 100%;
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #fff;
	z-index: 1;
}
.inav-d2 a{
	display: block;
	float: left;
	width: 16.66%;
	height: 90px;
	border-left: 1px solid #f3f3f3;
	font-size: 16px;
	color: #333;
	line-height: 1;
	position: relative;
}
.inav-d2 a .i5{
	width:66px;
}
.inav-d2 a:hover{
	color: #41d098;
}
.inav-d2 a:first-child{
	border-left: 0;
}
.inav-d2 a p{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.inav-d2-a1{
   font-size: 26px !important;
   color: #000 !important;	
   text-align: left;
   padding-left: 10px;
   padding-top: 20px;
}
.inav-d2-a1 img{
	margin-top: 15px;
}
.inav .inav-bj{
	display: none;
}
.icontent{
	width: 100%;
	background: #fff;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	z-index: 3;
}
.icontent-div{
	width: 100%;
	max-width: 1380px;
	padding: 0 50px;
	margin: 0 auto;
	padding-top: 60px;
}
.icontent-h1{
	height: 80px;
	/*background: url(../img/ico_04.png) no-repeat center;*/
	
	font-size: 42px;
	color: #333;
	text-align: center;
	line-height: 1;
	padding-top: 38px;
	position: relative;
}
.icontent-h1 p{
	position: relative;
	z-index: 2;
}
.icontent-h1 span{
	font-size: 100px;
	line-height: 1;
	color: #e9e9e9;
	position: absolute;
	font-weight: bold;
	left: 50%;
	bottom: -10px;
	z-index: 1;
	margin-left: -160px;
}
.icontent-h2{
	margin-top: 25px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #333;
	line-height: 25px;
	text-align: center;
}
.icontent-d1{
	width: 100%;
	max-width: 960px;
	margin: 0 auto; 
	overflow: hidden;
}
.icontent-d2{
	display: none;
}
.icontent-d1 .icd-left{
	width: 50%;
	float: left;
	position: relative;
	transform: scale(.982);
}
.icontent-d1 .icd-left-img{
	width: 100%;
}
.icontent-d1 .icd-right{
	width: 50%;
	float: right;
	overflow: hidden;
}
.icontent-d1 .icd-right li{
	width: 50%;
	float: left;
	position: relative;
	transform: scale(.97);
}
.icd-left-div{
	display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: rgba(65,208,152,.9);
    opacity: 0;
    transition: all .3s;
}
.icd-left-div .icd-d1{
	font-size: 18px;
	color: #fff;
	padding: 0 20px;
	text-align: left;
	line-height:25px;
	max-height: 25px;
	margin-top: 15%;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.icd-left-div .icd-d2{
	font-size: 12px;
	color: #fff;
	padding: 0 20px;
	text-align: left;
	line-height: 18px;
	max-height: 18px;
	margin-top: 2%;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.icd-left-div .icd-img{
	position: absolute;
	bottom: 6%;
	left: 8%;
}
.icd-right li:hover .icd-left-div{
	opacity: 1;
	transition: all .3s;
}
.icd-left:hover .icd-left-div{
	opacity: 1;
	transition: all .3s;
}
.icd-left .icd-d1{
	font-size: 26px;
	line-height: 40px;
	max-height: 80px;
}
.icd-left .icd-d2{
	font-size: 18px;
	line-height: 30px;
	max-height: 60px;
}
.icd-left .icd-img{
	left: 4%;
	bottom: 8%;
}

.iabout{
	width: 100%;
	max-width: 1060px;
	padding: 0 50px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 75px;
}
.ibout-left{
	width: 40.62%;
	float: left;
	overflow: hidden;
	position: relative;
}
.ibout-right{
	width: 50%;
	float: right;
	overflow: hidden;
	padding: 30px 60px 60px 0;
	background: url(../img/iabout_01.png) no-repeat right bottom;
}
.ibout-right img{
	width: 100%;
}
.ibout-left-bj{
	width: 142px;
	height: 142px;
	background: url(../img/ico_05.png) no-repeat center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	right: 20px;
}
.ibout-left-h1{
	height: 80px;
	/*background: url(../img/ico_04.png) no-repeat left center;*/
	font-size: 42px;
	color: #333;
	line-height: 1;
	padding-top: 38px;
	position: relative;
}
.ibout-left-h1 p{
	position: relative;
	z-index: 2;
}
.ibout-left-h1 span{
	font-size: 100px;
	line-height: 1;
	color: #e9e9e9;
	position: absolute;
	font-weight: bold;
	left: 0;
	bottom: -10px;
	z-index: 1;
}
.ibout-left-p1{
	margin-top: 40px;
	min-height: 135px;
	font-size: 16px;
	color: #333;
	line-height: 35px;
}
.ibout-left-a1{
	margin-top: 20px;
	display: inline-block;
	padding-right: 16px;
	font-size: 16px;
	color: #333;
	background: url(../img/news_04.png) no-repeat right center;
    background-size: 7px 10px;
    transition: all .3s;
}
.ibout-left-a1:hover{
	color: #32d191;
	background-image: url(../img/ico_06.png);
	transition: all .3s;
}
.logoimg{
	width: 100%;
	max-width: 1060px;
	padding: 0 50px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
}
.logoimg-swiper{
	padding-bottom: 80px;
}
.logoimg-swiper .swiper-slide{
	overflow: hidden;
}
.logoimg-swiper .swiper-slide .img-ul{
	width: 102%;
	margin-left: -1%;
	overflow: hidden;
}
.logoimg-swiper .swiper-slide .img-ul div{
	width: 23%;
	height: 60px;
	margin: 0 1%;
	padding: 15px;
	height: 90px;
	line-height: 60px;
	margin-top: 10px !important;
	text-align: center;
	border-bottom: 1px solid #dedede;
	float: left;
	transition: all .3s;
}
.logoimg-swiper .swiper-slide .img-ul div img{
	max-width: 100%;
	max-height: 100%;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);  
    filter: grayscale(100%);
    filter: gray;
    transition: all .3s;
}
.logoimg-swiper .swiper-slide .img-ul div:hover{
	border-color: #7d7d7d;
	transition: all .3s;
}
.logoimg-swiper .swiper-slide .img-ul div:hover img{
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter:none;
    -o-filter: none;  
    filter: none;
    filter: none;
    transition: all .3s;
}
.logoimg-span{
}
.logoimg-span span{
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #cccbcb;
	margin: 0 4px;
}
.logoimg-span .swiper-pagination-bullet-active{
	background: #039702;
}



@media(max-width:991px){
	.inav-d2 a{
		width: 33.33%;
		height: 110px;
		padding-top: 10px;
	}
	.inav-d2 a p{
		
		bottom: 10px;
	}
	.inav-d2-a2{
		border-bottom: 1px solid #f3f3f3;
	}
	.inav-d2-a3{
		border-left: 0 !important;
	}
	.inav-d2-a1{
		padding-left: 10%;
	}
	/*.icontent-d1 .icd-left{
		width: 100%;
	}
	.icontent-d1 .icd-right{
		width: 100%;
	}*/
	.icd-left-div{
		opacity: 1;
		width: 100%;
        height: 70px;
        left: 0;
        bottom: 0;	
    }
    .icd-left-div .icd-d1{
    	font-size: 16px;
    	padding: 0 5px;
    	margin-top: 15px;
    	line-height: 20px;
    }
    .icd-left-div .icd-d2{
    	padding: 0 5px;
    }
    .icd-left-div .icd-img{
    	height: 15px;
    	line-height: 15px;
    	text-align: right;
    	bottom: 5px;
    	left: initial;
    	right: 5px;
    }
    .icd-left .icd-d2{
    	font-size: 16px;
    	margin-top: 5px;
    }
    .icd-left .icd-d1{
    	font-size: 18px;
    }
    .icd-left .icd-left-div{
    	height: 100px;
    }
    .logoimg-swiper .swiper-slide .img-ul div img{
		-webkit-filter: none;
	    -moz-filter: none;
	    -ms-filter:none;
	    -o-filter: none;  
	    filter: none;
	    filter: none;
	}
	.ibout-left-h1 span{
	}
	.ibout-left{
		width: 100%;
		max-width: 700px;
	}
	.ibout-right{
		width: 100%;
		max-width: 680px;
	}
}
@media(max-width:767px){
	
	.ibanner{
		position: absolute;
		top:0;
		left: 0;
		height: 6.1rem;
		background-size: cover;
	}
	.ibanner-span{
		display: none;
	}
	.itop-text{
		width: 6rem;
		height: 4.25rem;
		margin: 0 auto;
		margin-top: 1.2rem;
	}
	.itop-h1{
		font-size: .38rem;
		padding-top: 1rem;
	}
	.itop-p1{
		font-size: .22rem;
		line-height: .35rem;
		margin-top: .3rem;
		display: none;
	}
	.itop-div{
		margin-top: .65rem;
	}
	.itop-div a{
		width: 2.4rem;
		height: .6rem;
		font-size: .24rem;
		line-height: .6rem;
	}
	.inav{
		width: 6.7rem;
		height: 3.6rem;
		padding: 0;
		margin: 0 auto;
		margin-top: 5.6rem;
		/*border: 1px solid #f3f3f3;
		box-shadow:-.3rem 0 .5rem #f1f1f1;*/
		position: relative;
		z-index: 2;
	}
	.inav .inav-bj{
		display: block;
		position: absolute;
		top:.6rem;
		left: 0;
		background: #f1f1f1;
		height: 3rem;
		width: 100%;
		z-index: -1;
		box-shadow:0 0 1rem #f1f1f1;
	}
	.inav-d2 a{
		width: 33.33%;
		height: 1.8rem;
		padding-top: .35rem;
	}
	.inav-d2 a img{
		width: .85rem;
		height: .65rem;
	}
	.inav-d2 a p{
		font-size: .24rem;
		bottom: .3rem;
	}
	.inav-d2-a1{
		font-size: .28rem !important;
		padding-top: .65rem !important;
		padding-left: .75rem !important;
	}
	.inav-d2-a1 img{
		width: .3rem !important;
		height: .3rem !important;
		margin-top: .2rem;
	}
	.inav-d1{
		display: none;
	}
	
	.icontent{
		margin-top: .8rem;
	}
	.icontent-div{
		padding: 0;
	}
	.icontent-h1{
		height: 1rem;
		padding-top: 0;
	}
	.icontent-h1 p{
		font-size: .42rem;
		padding-top: .65rem;
	}
	.icontent-h1 span{
	   font-size: 1rem;
	   margin-left:-1.6rem;
	}
	.icontent-h2{
		width: 5.4rem;
		font-size: .24rem;
		line-height: .4rem;
		margin: 0 auto;
		margin-top: .2rem;
	}
	.icontent-d1{
		display: none;
	}
	.icontent-d2{
		height: 5.65rem;
		padding: 0 .7rem;
		margin-top: .5rem;
		display: block;
	}
	.icontent-d2 .swiper-slide{
		width: 6.1rem;
		padding: 0 .175rem;
	}
	.icontent-d2 .swiper-slide a{
		display: block;
		height:  5.65rem;
		background: no-repeat center;
		background-size: cover;
		position: relative;
	}
	.icontent-d2 .swiper-slide .icontent-d2-div{
		width: 100%;
		height: 1.8rem;
		background: #32d191;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.icontent-d2 .swiper-slide .idd-d1{
		width: 4.3rem;
		height: .28rem;
		font-size: .28rem;
		color: #fff;
		line-height: 1;
		margin-top: .5rem;
		margin-left: .6rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}
	.icontent-d2 .swiper-slide .idd-d2{
		width: 4.3rem;
		height: .26rem;
		font-size: .26rem;
		color: #fff;
		line-height: 1;
		margin-top: .25rem;
		margin-left: .6rem;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}
	.icontent-d2 .swiper-slide .idd-d3{
		display: inline-block;
		width: .45rem;
		height: .3rem;
		position: absolute;
		bottom: .45rem;
		right: .6rem;
	}
	.icontent-d2 .swiper-slide .idd-d3 img{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.iabout{
		margin-top: .8rem;
		padding: 0 .7rem;
	}
	.ibout-left{
		overflow: initial;
	}
	.ibout-left-h1{
		height: 1rem;
		padding: 0;
	}
	.ibout-left-h1 span{
		font-size: 1rem;
		left: 50%;
		margin-left: -1.9rem;
		bottom: 0;
	}
	.ibout-left-h1 p{
		font-size: .42rem;
		text-align: center;
		padding-top: .5rem;
	}
	.ibout-left-p1{
		font-size: .24rem;
		line-height: .45rem;
		text-align: center;
		margin-top: .25rem;
		min-height: initial;
	}
	.ibout-left-a1{
		width: 2rem;
		height: .6rem;
		margin: .35rem 0 0 2rem;
		background: url(../img/social_05.png) no-repeat #32d191;
		background-position-x: 1.55rem;
		background-position-y: .24rem;
		font-size: .24rem;
		background-size: .15rem .20rem;
		line-height: .6rem;
		color: #fff;
		padding-right: .25rem;
		text-align: center;
	}
	.ibout-right{
		padding: 0 1rem .7rem 0;
		background-size: 3.4rem 2.8rem;
		margin-top: .9rem;
	}
	.ibout-right img{
		width: 4.1rem;
		float: right;
	}
	.ibout-left-bj{
		width: 1.5rem;
		height: 1.5rem;
		left: 0;
		bottom: -1.8rem;
	}
	.logoimg{
		padding: 0 .7rem;
		margin-bottom: 0;
	}
	.logoimg-swiper .swiper-slide .img-ul{
		width: 6.1rem;
	}
	.logoimg-swiper .swiper-slide .img-ul div{
		width: 2.55rem;
		margin: 0 .25rem;
		padding: .2rem;
		margin-top: .15rem !important;
		height: 1.5rem;
		line-height: 1.1rem;
	}
	
}







/*集团介绍*/
.about-nav{
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
}
.about-swiper{
	width: 100%;
	height: 80px;
	max-width: 1280px;
	margin: 0 auto;
	
}
.about-swiper .swiper-slide{
	width: 20%;
	float: left;
	font-size: 16px;
	line-height: 80px;
	text-align: center;
	color: #4f4f4f;
}
.about-nav-f{
	width: 100%;
}
.fx{
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 10;
	border-bottom: 1px solid #E5E5E5;
}
.about-swiper .swiper-slide:after{
	content: "";
	width: 1px;
	height: 30px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -15px;
}
.about-swiper .swiper-slide:first-child:after{
	width: 0;
}
.about-swiper .swiper-slide a{
	display: block;
	height: 80px;
	color: #4f4f4f;
	border-left: 1px solid #fff;
	transition: all .3s;
	position: relative;
	cursor: pointer;
}
.about-swiper .swiper-slide a:after{
	content: "";
	width: 0;
	height: 4px;
	background: #32d191;
	position: absolute;
	left: 50%;
	bottom: 0;
}
.about-swiper .swiper-slide a:hover:after{
	width: 100%;
	left: 0;
	transition: all .3s;
}
.about-swiper .swiper-slide .cli:after{
	width: 100%;
	left: 0;
}
.introduce-bj{
	
	background: #fff;
	
}
.introduce{
	width: 100%;
	overflow: hidden;
	max-width: 1280px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}
.introduce-d1{
	overflow: hidden;
	margin-bottom: 40px;
}
.introduce-d1 .left{
	width: 56.25%;
	float: left;
	overflow: hidden;
	position: relative;
	background: url(../img/about_08.png) no-repeat 110px bottom;
}
.introduce-d1 .left-img1{
	width: 58.33%;
	float: left;
	margin-bottom: 200px;
	margin-top: 20px;
	position: relative;
	z-index: 1;
}
.introduce-d1 .left-img2{
	width: 46.38%;
	position: absolute;
	right: 0;
	bottom: 80px;
	z-index: 3;
}
.introduce-d1 .left div{
	width: 0;
	height: 300px;
	background: #fff;
	position: absolute;
	left: 40%;
	top:180px;
	z-index: 2;
}
.introduce-d1 .right{
	width: 36.72%;
	float: right;
}
.introduce-d1 .right-h1{
	font-size: 42px;
	color: #333;
	position: relative;
	line-height: 1;
}
.introduce-d1 .right-h1:after{
	content: "";
	width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 0;
	bottom: -18px;
}
.introduce-d1 .right-text{
	margin-top: 70px;
	font-size: 16px;
	color: #646464;
	line-height: 30px;
	max-height: 480px;
	overflow-y: auto;
}
.introduce-d1 .mCSB_inside>.mCSB_container{
	margin-right: 15px;
}
.introduce-d2{
	overflow: hidden;
	margin-bottom: 70px;
}
.introduce-d2 .left{
	width: 37.12%;
	float: left;
	padding-bottom: 190px;
	padding-top: 100px;
	background: url(../img/about_09.png) no-repeat right bottom;
}
.introduce-d2 .left .left-text{
	padding-top: 70px;
	font-size: 16px;
	color: #646464;
	line-height: 30px;
	background: url(../img/about_10.png) no-repeat left top;
}
.introduce-d2 .left .left-text .div1{
	max-height: 390px;
	overflow-y: auto;
}
.introduce-d2 .mCSB_inside>.mCSB_container{
	margin-right: 15px;
}
.introduce-d2 .right{
	width: 56.25%;
	float: right;
	padding-top: 130px;
	padding-bottom: 110px;
	position: relative;
}
.introduce-d2 .right .div1{
	position: relative;
}
.introduce-d2 .right .div1 div{
	background: rgba(20,209,145,.4);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}.introduce-d2 .right .div1 p{
	font-size:100px ;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 18%;
	top:22%;
	opacity: .8;
	font-family: arial;
	z-index: 5;
}
.introduce-d2 .right .img1{
	max-width: 100%;
	position: relative;
	z-index: 3;
}
.introduce-d2 .right .img2{
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 30%;
	z-index: 2;
}
.develop-bj{
	background: #f7f7f7;
	padding: 100px 50px;
}
.develop{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.develop-h1{
	font-size: 42px;
	color: #333;
	line-height: 1;
	position: relative;
	text-align: center;
}
.develop-h1:after{
	content: "";
	width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -12.5px;
}
.develop-div{
}
.develop-d1{
	height: 500px;
	position: relative;
}
.develop-d1 .d1-nf{
	font-size: 60px;
	color: #41d09a;
	text-align: center;
	line-height: 1;
	margin-top: 75px;
	position: relative;
	z-index: 2;
}
.develop-d1 .d1-bt{
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	color: #333;
	position: relative;
	z-index: 2;
}
.develop-d1 .d1-img1{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -25px;
	opacity: .6;
	z-index: 0;
	animation: imga 5s linear infinite alternate;
	-moz-animation: imga 5s linear infinite alternate;	
	-webkit-animation: imga 5s linear infinite alternate;
	-o-animation: imga 5s linear infinite alternate;
}
.develop-d1 .d1-img2{
	position: absolute;
	bottom: 20px;
	right: 50%;
	margin-right: 120px;
	z-index: 0;
	animation: imgb 5s linear infinite alternate;
	-moz-animation: imgb 5s linear infinite alternate;	
	-webkit-animation: imgb 5s linear infinite alternate;
	-o-animation: imgb 5s linear infinite alternate;
}
.develop-d1 .d1-img3{
	width: 245px;
	height: 245px;
	border-radius: 100%;
	background: no-repeat center;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -122px;
}
.develop-d2{
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 60px;
	position: relative;
}
.develop-d2 .d2-div{
	width: 100%;
	min-height: 90px;
	text-align: right;
	padding-right: 69.2%;
	background: url(../img/about_12.png) no-repeat;
	background-size: 19.2%;
	background-position-x: 38.8%;
	background-position-y: 8px;
	cursor: pointer;
	transition: all .3s;
}
.develop-d2 .d2-div:hover .d2-text{
	color: #41d098;
	transition: all .3s;
}
.develop-d2 .d2-div .d2-nf{
	font-size: 24px;
	color: #333333;
	line-height: 30px;
}
.develop-d2 .d2-div .d2-text{
	font-size: 16px;
	line-height: 25px;
	color: #333;
}
.develop-d2 .d2-div-right{
	padding-right: 0;
	padding-left: 69.2%;
	text-align: left;
	background: url(../img/about_13.png) no-repeat;
	background-size: 19.2%;
	background-position-x: 61.2%;
	background-position-y: 8px;
}
.introduce-zx{
	width: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.5px;
	padding-top: 80px;
	z-index: 0;
}
.introduce-zx .zx-d1{
	width: 1px;
	height: 100%;
	margin: 2px;
	margin-left: -.5px;
	background: #dbd9d9;
	position: relative;
}
.introduce-zx .zx-d2{
	width: 5px;
	height: 5px;
	background: #dbd9d9;
	border-radius: 100%;
	position: absolute;
	top:0;
	left: -2.5px;
}
.introduce-zx .zx-d3{
	width: 5px;
	height: 5px;
	background: #dbd9d9;
	border-radius: 100%;
	position: absolute;
	bottom:3px;
	left: -1.5px;
}
.develop-zx{
    width: 20px;
    height: 100%;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -10px;
    background: url(../img/about_07.png) no-repeat left bottom;
    padding-bottom: 20px;
}
.develop-zx div{
	width: 1px;
	height: 100%;
	background: #dbd9d9;
	margin-left: 9.5px;
}
.develop-div2 .develop-d1 .d1-img1{
	left: initial;
	right: 50%;
}
.develop-div2 .develop-d1 .d1-img2{
	right: initial;
	left: 50%;
	margin-right: 0;
}

@keyframes imga
{
from {top: 0px;}
to {top: 100px;}
}

@-moz-keyframes imga 
{
from {top: 0px;}
to {top: 100px;}
}

@-webkit-keyframes imga 
{
from {top: 0px;}
to {top: 100px;}
}

@-o-keyframes imga 
{
from {top: 0px;}
to {top: 100px;}
}

@keyframes imgb
{
from {bottom: 20px;}
to {bottom: 120px;}
}

@-moz-keyframes imgb 
{
from {bottom: 20px;}
to {bottom: 120px;}
}

@-webkit-keyframes imgb 
{
from {bottom: 20px;}
to {bottom: 120px;}
}

@-o-keyframes imgb 
{
from {bottom: 20px;}
to {bottom: 120px;}
}




@media(max-width:997px){
	.introduce-d1 .left{
		width: 100%;
		max-width: 720px;
		margin: 0 auto;
		margin-top: 30px;
		background-size:3.2rem 3rem;
		background-position-x: .2rem;
	}
	.introduce-d1 .right{
		width: 100%;
	}
	.introduce-d2 .left{
		width: 100%;
	}
	.introduce-d2 .right{
		width: 100%;
	}
	.introduce-zx .zx-d1{
		display: none;
	}
	.develop-d1 .d1-img1{
		width: 50%;
	}
	.develop-d1 .d1-img2{
		 width: 30%;
         margin-right: 20%;
	}
	.develop-div2 .develop-d1 .d1-img2{
		width: 50%;
	}
}
@media(max-width:767px){
	.introduce-d1{
		margin-top: .3rem;
		margin-bottom: .3rem;
	}
	.introduce-d1 .left{
		margin-top: 0;
	}
	.introduce-zx{
		display: none;
	}
	.develop-d1 .d1-img1{
		width: 50%;
	}
	.develop-d1 .d1-img2{
		width: 30%;
		margin-right: 20%;
	}
	
	.introduce{
		margin: .4rem 0;
		padding: 0 .4rem;
	}
	.introduce-d1 .left-img1{
	   margin-bottom:1rem
	}
	.introduce-d1 .left-img2{
		bottom: .8rem;
	}
	.introduce-d1 .left div{
		width: 0;
		height: 5rem;
		top: 1rem;
	}
	.introduce-d1 .right-h1{
		font-size: .42rem;
	}
	.introduce-d1 .right-text{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .6rem;
		max-height: 6rem;
	}
	.introduce-d1 .mCSB_inside>.mCSB_container{
		margin-right: .25rem;
	}
	
	.introduce-d2 .right{
		width: 100%;
		max-width: 720px;
		padding-top: .8rem;
		padding-bottom: 1rem;
	}
	.introduce-d2 .left{
		width: 100%;
		padding-top: .6rem;
		padding-bottom: 1rem;
		background-size: 1.5rem 1.5rem;
	}
	.introduce-d2 .right .div1 p{
		font-size: 1rem;
	}
	.introduce-d2 .left .left-text{
		padding-top: .6rem;
		background-size: .4rem .4rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.introduce-d2 .left .left-text .div1{
		max-height: 5.2rem;
	}
	.introduce-d2 .mCSB_inside>.mCSB_container{
		margin-right: .25rem;
	}
	.introduce-d2{
		margin-bottom: .6rem;
	}
	.develop-bj{
		padding: .6rem .4rem;
	}
	.develop-h1{
		font-size: .42rem;
	}
	.develop-h1:after{
		bottom: -10px;
	}
	.develop-d1{
		height: 5rem;
	}
	.develop-d1 .d1-nf{
		font-size: .6rem;
		margin-top: .6rem;
	}
	.develop-d1 .d1-bt{
		font-size: .4rem;
	}
	.develop-d1 .d1-img3{
		width: 3rem;
		height: 3rem;
		margin-left:-1.5rem;
	}
	.develop-d1 .d1-img1{
		top: .8rem;
	}
	.develop-d2 .d2-div .d2-nf{
		font-size: .3rem;
	}
	.develop-d2 .d2-div .d2-text{
		font-size: .24rem;
		line-height: .35rem;
	}
	.develop-d2 .d2-div{
		padding-right: 55%;
		min-height: 1rem;
		position: relative;
		background: none;
	}
	.develop-d2 .d2-div:after{
		content: "";
		width: .1rem;
		height: .1rem;
		border-radius: 100%;
		background: #999;
		position: absolute;
		top:.25rem;
		right: 3.3rem;
		z-index: 6;
	}
	.develop-d2 .d2-div-right{
		padding-right:0;
		padding-left: 55%;
	}
}





/*企业文化*/
.culture-bj{
	padding: 95px 50px 340px 50px;
	overflow: hidden;
	background: url(../img/culture_00.png) no-repeat bottom center #f7f7f7;
}
.culture-h1{
	text-align: center;
}
.culture-h1 div{
	font-size: 36px;
	color: #333;
	line-height: 1;
	display: inline-block;
	margin: 0 18px;
}
.culture-ul{
	width: 102%;
	padding-top: 50px;
	margin-left: -1%;
	overflow: hidden;
}
.culture-ul .culture-li{
	width: 31.33%;
	height: 400px;
	margin: 0 1%;
	float: left;
	margin-bottom: 25px;
	background: #fff;
	border: 1px solid #ededed;
	box-shadow: 0 0 10px #ededed;
}
.culture-li:hover{
	box-shadow: 0 0 30px #c3c2c2;
}
.culture-img1{
	height: 120px;
	line-height: 120px;
	text-align: center;
	margin-top: 60px;
	position: relative;
}
.culture-img1 img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -30px;
}
.culture-img1 .tb2{
	display: none;
}
.culture-li:hover .tb1{
	display: none;
}
.culture-li:hover .tb2{
	display: block;
}
.culture-bt{
	font-size: 24px;
	color: #494949;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	transition: all .3s;
}
.culture-p1{
	padding: 0 10px;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: center;
	margin-top: 10px;
	transition: all .3s;
}
.culture-li:hover .culture-bt{
	color: #49b289;
	transition: all .3s;
}
.culture-li:hover .culture-p1{
	color: #49b289;
	transition: all .3s;
}

@media(max-width:997px){
	.culture-ul .culture-li{
		width: 48%;
	}
}
@media(max-width:767px){
	.culture-bj{
		padding: .6rem .4rem;
		padding-bottom: 2rem;
		background-size: 7.5rem 2rem;
	}
	.culture-h1 div{
		font-size: .4rem;
		margin: 0 .2rem;
	}
	.culture-ul{
		margin-top: .6rem;
		padding-top: 0;
	}
	.culture-ul .culture-li{
		height: 4rem;
		margin-bottom: .2rem;
	}
	.culture-img1{
		height: 1rem;
		line-height: 2rem;
		margin-top: .6rem;
	}
	.culture-img1 img{
		width: 1rem;
	}
	.culture-img1 .tb1{
		display: none;
	}
	.culture-img1 .tb2{
		display: block;
	}
	.culture-bt{
		margin-top: .3rem;
		font-size: .3rem;
		line-height: 1;
	}
	.culture-p1{
		font-size: .24rem;
		padding: 0;
		line-height: .5rem;
	}
}





/*资质荣誉*/
.honor-bj{
	background: #f9f9f9;
	padding: 110px 50px 195px 50px;
	overflow: hidden;
}
.honor{
	overflow: hidden;
}
.honor-left{
	width: 41.5%;
	height: 730px;
	overflow: hidden;
	float: left;
	background: #fff;
}
.honor-imgs{
	width: 100%;
	margin: 0 auto;
	max-width: 460px;
	height: 600px;
	overflow-y: auto;
	text-align: center;
	margin-top: 50px;
	text-align: center;
}
.honor-imgs img{
	display: initial;
	width: 48%;
	float: left;
	margin: 0 1% 15px 1%;
	cursor: pointer;
}

.honor-right{
	width: 56.65%;
	height: 730px;
	float: right;
	background: #fff;
	padding-bottom: 10px;
}
.honor-top{
	height: 70px;
	background: #32d191;
	color: #fff;
	font-size: 24px;
	line-height: 70px;
}
.honor-top img{
	margin: 20px 15px 0 40px;
	float: left;
}
.honor-top div{
	float: left;
}
.honor-text{
	height: 570px;
	overflow-y: auto;
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	margin-top: 20px;
}
.honor-cont{
	width: 100%;
	max-width: 585px;
	margin: 0 auto;
}
.hn-top{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	color: #3c3b3b;
	font-weight: bold;	
	max-width: 650px;
    margin: 0 auto;
    padding-left: 2%;
}
.hn-top-d1{
	width: 80px;
	float: left;
	padding: 0 10px;
}
.hn-top-d2{
	width: calc(50% - 60px);
	float: left;
	padding: 0 20px;
}
.hn-bottom{
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #E5E5E5;
}
.hn-bottom-left{
	width: 80px;
	float: left;
	padding: 0 10px;
	font-size: 14px;
	line-height: 20px;
	color: #3c3b3b;
}
.hn-ul{
	width: calc(100% - 80px);
	float: left;
}
.hn-ul li{
	width: 100%;
	font-size: 14px;
	color: #3c3b3b;
	overflow: hidden;
}
.hn-ul li div{
	width: 50%;
	padding: 0 20px;
	float: left;
	margin-bottom: 10px;
	line-height: 20px;
}
.mCSB_inside>.mCSB_container{
	margin-right: 8%;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #32d191;
	width: 8px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #fff;
	background-color: #32d191 !important;
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: #32d191 !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #32d191 !important;
}
.fd-img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 29;
	display: none;
}
.fd-div{
	width: 50%;
	max-width: 500px;
	max-height: 80%;
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
	position: relative;
}
.fd-div .imgt{
	width: 100%;
	max-height: 100%;
}
.fd-div .imgx{
	position: absolute;
	right: -60px;
	top: 0;
	transition: all .3s;
	cursor: pointer;
}
.fd-div .imgx:hover{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);		
	-webkit-transform: rotate(180deg);			
	-moz-transform: rotate(180deg);	
	opacity:0.8;
	transition: all .5s; 
	-webkit-transition: all .5s;
}



@media(max-width:997px){
	.honor-left{
		width: 100%;
		max-width: 530px;
		float: none;
		margin: 0 auto;
	}
	.honor-right{
		width: 100%;
		max-width: 725px;
		float: none;
		margin: 0 auto;
		margin-top: 50px;
	}
}
@media(max-width:737px){
	.honor-bj{
		padding: .6rem .3rem;
	}
	.honor-top{
		height: 1.2rem;
		line-height: 1.2rem;
		font-size: .4rem;
	}
	.honor-top img{
		width: .8rem;
		margin: .2rem .3rem 0 .3rem;
	}
	.honor-imgs{
		height: 8.2rem;
		margin-top: .4rem;
	}
	.honor-left{
		width: 6rem;
		height: 10rem;
	}
	
	.honor-right{
		width: 6rem;
		height: 10rem;
	}
	.honor-text{
		margin-top: .4rem;
	}
	.hn-top-d1{
		width: 1rem;
		padding: 0 .1rem;
		font-size: .26rem;
	}
	.hn-top-d2{
		width: 2.35rem;
		padding: 0 .1rem;
		font-size: .26rem;
	}
	.honor .mCSB_inside>.mCSB_container{
		margin-right: .3rem;
	}
	.hn-bottom-left{
		font-size: .2rem;
		width: 1rem;
		padding: 0 .1rem;
	}
	.honor-text{
		height: 8.2rem;
	}
	.hn-ul{
		width: 4.7rem;
	}
	.hn-ul li div{
		font-size: .2rem;
		padding: 0 .1rem;
		text-align: left;
		margin-bottom: .15rem;
	}
	.hn-bottom{
		padding: .1rem 0 0 0;
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: .1rem;
	}
	.mCSB_inside>.mCSB_container{
		margin-right: .3rem;
	}
	.fd-div{
		width: 90%;
		max-width: 90%;
		margin-top: 1.5rem;
	}
	.fd-div .imgx{
		width: .6rem;
		top: -.7rem;
		right: 0;
	}
}




/*新闻动态*/
.news-bj{
	background: #fff;
	padding-top: 80px;
	overflow: hidden;
	margin-bottom: 60px;
}
.news-top{
	height: 45px;
	line-height: 45px;
	border-bottom: 2px solid #e5e5e5;
}
.news-top .nt-d1{
	float: left;
	padding-left: 25px;
	background: url(../img/news_01.png) no-repeat left center;
}
.news-top .nt-d2{
	float: right;
	position: relative;
	padding-right: 20px;
	background: url(../img/news_02.png) no-repeat right center;
	cursor: pointer;
	transition: all .3s;
}
.news-top .nt-d2:hover{
	color: #32d191;
	transition: all .3s;
}
.news-top .nt-d2 ul{
	width: 120px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top:45px;
	background: #eee;
	padding-top: 10px;
	z-index: 3;
	display: none;
}
.news-top .nt-d2 ul li{
	font-size: 20px;
	color: #333;
	text-align: center;
	line-height: 40px;
	margin-bottom: 5px;
	cursor: pointer;
	transition: all .3s;
}
.news-top .nt-d2 ul li:hover{
	color: #32d191;
	transition: all .3s;
}
.news-ul li{
	height: 230px;
	border-bottom: 1px solid #e5e5e5;
	padding: 30px 0;
}
.news-ul li a{
	display: block;
}
.news-d1{
	width: 120px;
	height: 120px;
	background: #f9f9f9;
	float: left;
	margin-right: 30px;
	font-size: 36px;
	line-height: 50px;
	color: #444;
	position: relative;
	text-align: center;
	padding-top: 15px;
	font-family: arial;
	transition: all .3s; 
	letter-spacing:-2px;
}
.news-ul li:hover .news-d1{
	background: #32d191;
	color: #fff;
	transition: all .3s; 
}
.news-d1 span{
	font-size: 24px;
	line-height: 1;
	color: #666;
	position: absolute;
	bottom: 25px;
	left: 20px;
	font-family: arial;
	transition: all .3s; 
}
.news-ul li:hover .news-d1 span{
	color: #fff;
	transition: all .3s; 
}
.news-d2{
	width: calc(100% - 470px);
	float: left;
}
.news-d3{
	width: 270px;
	height: 165px;
	float: right;
	margin-left: 50px;
	overflow: hidden;
}
.news-d3 img{
	width: 100%;
	transition: all .5s;
}
.news-ul li:hover img{
	transform: scale(1.05);
	transition: all .5s;
}
.news-d2-h{
	font-size: 20px;
	height: 22px;
	color: #333;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .3s; 
}
.news-ul li:hover .news-d2-h{
	color: #32d191;
	transition: all .3s; 
}
.news-d2-p{
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .3s; 
}
.news-ul li:hover .news-d2-p{
	color: #32d191;
	transition: all .3s; 
}
.news-d2-a{
	display: inline-block;
	margin-top: 35px;
	font-size: 14px;
	color: #666;
	padding-right: 18px;
	background: url(../img/news_04.png) no-repeat right center;
}
.news-ul li:hover .news-d2-a{
	color: #32d191;
	transition: all .3s; 
}
.news-page{
	padding: 75px 50px 140px 50px;
	background: #fff;
	text-align: center;
}

@media(max-width: 991px){
	.news-ul li{
		height: 182.5px;
	}
	.news-d1{
		margin-right: 15px;
	}
	.news-d2{
		width: calc(100% - 350px);
	}
	.news-d2-a{
		margin-top: 15px;
	}
	.news-d3{
		width: 200px;
		height: 122.5px;
		margin-left: 15px;
	}
}

@media(max-width: 767px){
	.news-bj{
		padding: .6rem .3rem;
		margin-bottom: .4rem;
	}
	.news-top .nt-d2:hover{
		color: #666;
	}
	.news-d1{
		width: 1.2rem;
		height: 1.2rem;
		font-size: .3rem;
		line-height: .6rem;
		padding-top: .1rem;
		margin-right: .1rem;
		letter-spacing:0px;
	}
	.news-d1 span{
		font-size: .24rem;
		left: .25rem;
		bottom: .2rem;
	}
	.news-d2{
		width: 3.2rem;
	}
	.news-ul li{
		height: initial;
		overflow: hidden;
		padding: .2rem 0;
	}
	.news-d2-h{
		font-size: .26rem;
	}
	.news-d2-p{
		font-size: .24rem;
		margin-top: .1rem;
		height: .7rem;
		line-height: .35rem;
	}
	.news-d2-a{
		font-size: .24rem;
		margin-top: 0rem;
		line-height: 1;
		background-size: .14rem .24rem;
	}
	.news-d3{
		width: 2rem;
		margin-left: .1rem;
		height: initial;
	}
	.news-page{
		padding: 0 .3rem .3rem .3rem;
	}
}





/*社会责任*/
.social-bj{
	background: #fff;
	padding-top:105px;
	padding-bottom: 145px;
}
.social{
	overflow: hidden;
}
.social-left{
	width: 43.57%;
	float: left;
	background: url(../img/social_06.png) no-repeat top left;
	
}
.social-h1{
	margin-top: 195px;
	font-size: 42px;
	color: #333;
	line-height: 1.1;
	position: relative;
}
.social-h1:after{
	content: "";
	width: 25px;
	height: 1px;
	background: #646464;
	position: absolute;
	left: 0;
	bottom:-18px;
}
.social-p1{
	font-size: 16px;
	color: #333;
	line-height: 35px;
	margin-top: 60px;
	padding-bottom: 125px;
	position: relative;
	background: url(../img/social_07.png) no-repeat right bottom;
}
.social-p1:after{
	content: "";
	width: 180px;
	height: 5px;
	background: #939393;
	position: absolute;
	left: 0;
	bottom: 0;
}
.social-right{
	width: 45.7%;
	float: right;
	padding-top: 10px;
}
.social-right img{
	width: 100%;
}
.activity-bj{
	background: #f7f7f7;
	overflow: hidden;
}
.activity-h1{
	font-size: 42px;
	color: #333;
	line-height: 1;
	position: relative;
	margin-top: 110px;
	margin-bottom: 60px;
	text-align: center;
}
.activity-h1:after{
	content: "";width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -12.5px;
}
.activity{
	margin-top: 60px;
	margin-bottom: 180px;
	padding-bottom: 80px;
}
.activity.swiper-container-horizontal>.swiper-scrollbar{
	width: 100%;
	left: 0;
}
.activity .swiper-scrollbar{
	height: 1px;
	background: #e3e3e3;
	bottom: 5px;
}
.activity .swiper-scrollbar-drag{
	height: 8px;
	background: #41d098;
	position: relative;
	top:-4px;
}
.activity .swiper-slide a{
	display: block;
}
.activity-d1{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.activity-d1 .activity-img1{
	width: 100%;
}
.activity-d1 .activity-p1{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	padding: 0 20px 0 20px;
	background: url(../img/social_08.png) center;
	font-size: 18px;
	line-height: 60px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	opacity: 0;
	transition: all .3s;
}
.activity-p1-img{
	width: 10px;
    line-height: 60px;
    position: relative;
    top: -3px;
}
.activity-p2{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background: rgba(0,0,0,.4);
	opacity: 0;
	transition: all .3s;
	cursor: pointer;
}
.activity-p2 .activity-p2-img{
	position: absolute;
	top:50%;
	left: 50%;
     margin-left: -22.5px;
     margin-top: -22.5px;
}
.activity-d2{
	width: 100%;
	overflow: hidden;
}
.activity-d2 img{
	width: calc(50% - 5px);
	float: right;
}
.activity-d2 img:first-child{
	float: left;
}
.activity .swiper-slide:hover .activity-p1{
	opacity: 1;
	transition: all .3s;
}
.activity .swiper-slide:hover .activity-p2{
	opacity: 1;
	transition: all .3s;
}
.activity .twos .activity-d1{
	margin:0;
	position: absolute;
	left: 0;
	bottom:0;
}
.activity-video{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 29;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	display: none;
}
.activity-video .bk{
	max-width: 60%;
	position: absolute;
	top: 10%;
	left: 20%;
}
.activity-video video{
	width: 100%;
	
}
.activity-video .imgx{
	display: inline-block;
	position: absolute;
	top:-60px;
	right: 0;
	transition: all .5s; 
	-webkit-transition: all .5s;	
}
.activity-video .imgx:hover{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);		
	-webkit-transform: rotate(180deg);			
	-moz-transform: rotate(180deg);	
	opacity:0.8;
	transition: all .5s; 
	-webkit-transition: all .5s;	
}



@media(max-width: 991px){
	.social-left{
		width: 100%;
		margin-bottom: 50px;
	}
	.social-right{
		width: 100%;
		float: initial;
		max-width: 585px;
		margin: 0 auto;
	}
}

@media(max-width: 767px){
	.social-bj{
		padding: .6rem .3rem;
	}
	.social-left{
		background-size: 1.5rem 1.5rem;
		margin-bottom: .6rem;
	}
	.social-h1{
		font-size: .42rem;
		margin-top: 1.2rem;
	}
	.social-p1{
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .8rem;
		padding-bottom: .5rem;
		background-size: .5rem .5rem;
	}
	.social-p1:after{
		width: 2rem;
		height: .1rem;
	}
	.social-right{
		width: 6rem;
	}
	.activity{
		margin-top: .8rem;
		margin-bottom: .2rem;
		padding-bottom: .4rem;
	}
	.activity-bj{
		padding: .6rem .3rem;
	}
	.activity-h1{
		margin: .3rem 0;
		font-size: .42rem;
	}
	.activity-d1 .activity-p1{
		opacity: 1;
		padding: 0 .2rem;
	}
	.activity-p2{
		opacity: 1;
	}
	.activity-video .bk{
		max-width: 6.9rem;
		left: .3rem;
		top:4rem;
	}
	.activity-video .bk .imgx{
		width: 1rem;
		height: 1rem;
		top: -1.2rem;
	}
}




/*工程案例*/
.cases-bj{
	background: #fff;
	padding-top: 115px;
	padding-bottom: 185px;
}
.cases{
	overflow: hidden;
}
.cases-swiper{
	display: none;
}
.cases-ul1{
	width: 18.45%;
   float: left;
   background: #f4f4f4;
   border-top: 5px solid #41d098;
}
.cases-ul1 a{
	display: block;
	height: 75px;
	line-height: 75px;
	padding: 0 11%;
	font-size: 18px;
	color: #000000;
	border-top:1px solid #fff;
	transition: all .3s;
	cursor: pointer;
}
.cases-ul1 a:hover{
	color: #41d098;
	transition: all .3s;
}
.cases-ul1 .cli{
	color: #41d098;
}
.cases-right{
	width: 81%;
	float: right;
}
.cases-ul2{
	width: 100%;
	overflow: hidden;
}
.search-div{
	width: 90%;
	float: none;
	margin: 0 auto;
}
.cases-ul2 li{
	width: 31.33%;
	margin-left: 2%;
	float: left;
	margin-bottom: 20px;
	position: relative;
}
.cases-ul2 li .cases-ul2-img1{
	width: 100%;
}
.cases-ul2-div{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(65,208,152,.9);
	opacity: 0;
	transition: all .3s;
}
.cases-ul2-div .ul2-d1{
	font-size: 24px;
	color: #fff;
	padding: 0 20px;
	text-align: left;
	line-height:30px;
	max-height: 30px;
	margin-top: 22%;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.cases-ul2-div .ul2-d2{
	font-size: 16px;
	color: #fff;
	padding: 0 20px;
	text-align: left;
	line-height: 25px;
	max-height: 25px;
	margin-top: 4%;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.cases-ul2-div .ul2-d3{
	width: 20px;
	height: 1px;
	background: #fff;
	margin-top: 4%;
	margin-left: 20px;
}
.cases-ul2-div .ul2-img{
	position: absolute;
	bottom: 15px;
	left: 20px;
}
.cases-ul2 li:hover .cases-ul2-div{
	opacity: 1;
	transition: all .3s;
}
.cases-page{
	width: 100%;
	margin-top: 40px;
	text-align: center;
}


@media(max-width: 991px){
	.cases-bj{
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.cases-ul2 li{
		width: 48%;
	}
	.cases-ul2 li:hover .cases-ul2-div{
		opacity: 1;
	}
	.cases-ul2-div{
		opacity: 1;
		height: 100px;
		top: initial;
		bottom: 0;
	}
	.cases-ul2-div .ul2-d1{
		font-size: 20px;
	}
	.cases-ul2-div .ul2-d1{
		margin-top: 10px;
	}
	.cases-ul2-div .ul2-d3{
		display: none;
	}
	.cases-ul2-div .ul2-d2{
	  margin-top: 0px;
	}
	.cases-ul2-div .ul2-img{
		bottom: 8px;
		right: 10px;
	}
	
}
@media(max-width: 767px){
	.cases-ul1{
		display: none;
	}
	.cases-swiper{
		display: block;
	}
	.cases-bj{
		padding: .6rem .3rem;
	}
	.cases-right{
		width: 100%;
		margin-top: .6rem;
	}
	.cases-swiper .swiper-slide{
		font-size: .26rem;
		text-align: center;
		height: .8rem;
		line-height: .8rem;
		background: rgba(0,0,0,.3);
		border-left: 1px solid #fff;
		color: #fff;
	}
	.cases-swiper .cli{
		background: rgba(65,208,152,.9);
	}
	.cases-ul2{
		width: 102%;
		margin-left: -2%;
	}
	.cases-ul2-div{
		position: relative;
		height: 1rem;
	}
	.cases-ul2-div .ul2-d2{
		margin-top: 0rem;
	}
	.cases-ul2-div .ul2-d1{
		height: .4rem;
		line-height: .4rem;
		text-align: left;
		font-size: .26rem;
		padding: 0 .2rem;
		margin-top: 0;
	}
	.cases-ul2-div .ul2-d3{
		display: none;
	}
	.cases-ul2-div .ul2-d2{
		font-size: .24rem;
		line-height: .3rem;
		padding: 0 .2rem;
		height: .3rem;
		text-align: left;
	}
	.cases-ul2-div .ul2-img{
		width: .25rem;
		bottom: .1rem;
		left: .2rem;
	}
}





/*联系我们*/
.contact-bj{
	
}
.contact{
	overflow: hidden;
	margin-bottom: 200px;
	margin-top: 100px;
}
.contact-h1{
	font-size: 42px;
	text-align: center;
	color: #333;
	line-height: 1;
	position: relative;
	margin-top: 75px;
	margin-bottom: 60px;
}
.contact-h1:after{
	content: "";
	width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -12.5px;
}
.contact-left{
	width: 29.68%;
	float: left;
}
.contact-sc{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.contact-sc input{
	width: 100%;
	height: 50px;
	font-size: 18px;
	line-height: 48px;
	padding: 0 50px 0 15px;
	background: #fff;
	border:1px solid #e5e5e5;
}
.contact-sc div{
	width: 40px;
	height: 50px;
	background: url(../img/contact_01.png) no-repeat center;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
}
.contact-sc .sc-tj{
	display: none;
}
.contact-dz{
	height: 480px;
	overflow-y: auto;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-top: 40px;
}
.contact-dz li{
	padding: 20px 25px 15px 25px;
	border-top:1px solid #e5e5e5;
	background: url(../img/contact_02.jpg) no-repeat left 28px;
	cursor: pointer;
	transition: all .3s; 
}
.contact-dz li:first-child{
	border: 0;
}
.contact-dz li:hover .contact-d1{
	color: #41d098;
	transition: all .3s; 
}
.contact-dz li.cli .contact-d1{
	color: #41d098;
}

.contact-dz .contact-d1{
	font-size: 18px;
	color: #222;
	line-height: 30px;
	margin-bottom: 5px;
	
}
.contact-dz .contact-d2{
	font-size: 14px;
	color: #727272;
	line-height: 30px;
}
.contact-right{
	width: 66.8%;
	float: right;
}
.contact-right .map{
	width: 100%;
	height: 570px;
}
.contact-right #map{
	width: 100%;
	height: 100%;
}
.maptext{
	width: 300px;
	overflow: hidden;
}
.maptext .maptext-d1{
	font-size: 16px;
	color: #222;
	line-height: 25px;
	margin-bottom: 10px;
	
}
.maptext .maptext-d2{
	font-size: 14px;
	color: #a4a4a4;
	line-height: 30px;
}
.maptext a{
	display: block;
	float: left;
	width: 140px;
	height: 35px;
	background: #777777;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: all .3s;
}
.maptext a:hover{
	background: #28ad80;
	transition: all .3s;
}
.maptext a img{
	margin-right: 15px;
	position: relative;
	top:-2px;
}
.maptext-a2{
	float: right !important;
}


@media(max-width:991px){
	.contact-left{
		width: 100%;
	}
	.contact-right{
		width: 100%;
		margin-top: 40px;
	}
}
@media(max-width:767px){
	.contact{
		padding: .6rem 0;
		margin-bottom: .4rem;
		margin-top: .4rem;
	}
	.contact-h1{
		font-size: .42rem;
		margin-top: .6rem;
		margin-bottom: .6rem;
	}
	.contact-sc{
		width: 6rem;
		margin:0 auto;
	}
	.contact-sc input{
		
	}
	.contact-dz{
		width: 6rem;
		margin: 0 auto;
		margin-top: .4rem;
		height: 7rem;
	}
	.contact-dz .mCSB_inside>.mCSB_container{
		margin-right: .2rem;
	}
	.contact-dz .contact-d1{
		font-size: .28rem;
		line-height: .4rem;
	}
	.contact-dz .contact-d2{
		font-size: .24rem;
		line-height: .4rem;
	}
	.contact-right .map{
		height: 6rem;
	}
	.maptext{
		width: 4rem;
	}
	.maptext .maptext-d1{
		font-size: .28rem;
		line-height: .4rem;
	}
	.maptext .maptext-d2{
		font-size: .24rem;
		line-height: .4rem;
	}
	.maptext a{
		width: 1.8rem;
		height: .6rem;
		font-size: .28rem;
		line-height: .6rem;
	}
	.maptext a img{
		margin-right: .15rem;
	}
}



/*产品服务*/
.service-bj{
	
}
.service-bj-img{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/service_01.jpg) no-repeat;
	background-position-x: center;
	background-position-y: top;
	z-index: -2;
}
.service{
	padding-top: 120px;
	margin-bottom: 265px;
}
.service-div1{
	overflow: hidden;
	padding-top: 60px;
	margin-bottom: 180px;
}
.service-div1 .service-d1{
	width: 28.6%;
	float: right;
	margin-right: 4.2%;
	position: relative;
}
.service-div1 .service-d1 .sd-d1{
	display: inline-block;
	font-size: 150px;
	line-height: 1;
	color: #fff;
	position: absolute;
	right: 30px;
	top:-60px;
	z-index: 0;
	font-family: arial;
	font-weight: bold;
	opacity: .8;
}
.service-div1 .service-d1 .sd-d2{
	font-size: 36px;
	color: #333;
	line-height: 45px;
	position: relative;
	z-index: 2;
}
.service-div1 .service-d1 .sd-d3{
	margin-top: 30px;
	font-size: 16px;
	color: #333;
	line-height: 35px;
}
.service-div1 .service-d2{
	width: 60%;
	float: left;
	position: relative;
}
/*.service-div1 .service-d2 .d-wk{
	width: calc(100% - 85px);
	float: right;
	overflow: hidden;
}
.service-div1 .service-d2 .d-img{
	transform: translateY(6%);
}
.service-div1 .service-d2 .d-wk img{
	width: 100%;
	transform: scale(1.16);
	/*position: relative;
	width: calc(100% - 85px);
	overflow: hidden;
}*/
.service-div1 .service-d2 img{
	position: relative;
	float: right;
	width: calc(100% - 85px);
	overflow: hidden;
}
/*.service-div1 .service-d2 .d-text*/
.service-div1 .service-d2 div{
	display: inline-block;
	height: 85px;
	line-height: 85px;
	font-size: 16px;
	color: #000;
	float: left;
	position: absolute;
	left: 0;
	top:0;
	transform: rotate(90deg);
	transform-origin:42.5px 42.5px;;
	
	-ms-transform: rotate(90deg); 	
	-ms-transform-origin:42.5px 42.5px;; 		
	
	-webkit-transform: rotate(90deg);	
	-webkit-transform-origin:42.5px 42.5px;	
	
	-moz-transform: rotate(90deg);		
	-moz-transform-origin:42.5px 42.5px;;		
	
	-o-transform: rotate(90deg);		
	-o-transform-origin:42.5px 42.5px;;		
	
}
.service-div1 .service-d2 div span{
	display: inline-block;
	width: 80px;
	background: #000;
	height: 1px;
	margin-left: 50px;
	position: relative;
	top:-3px;
}
.service-div2{
	padding-top: 80px;
}
.service-div2 .service-d1{
	width:32%;
	float: left;
	margin-right: 0;
	margin-left: 80px;
}
.service-div2 .service-d1 .sd-d1{
	left: -80px;
	top:-85px
}
.service-div2 .service-d1 .sd-d2{
	position: relative;
	z-index: 2;
}
.service-div2 .service-d2{
	width: 57.8%;
	float: right;
	padding-bottom: 50px;
	background: url(../img/service_07.png) no-repeat bottom right;
}
.service-div2 .service-d2 img{
	width: calc(100% - 140px);
	margin-right: 55px;
	float: right;
}
.service-x1{
	height: 1px;
}
.service-x1 div{
	display: inline-block;
	width: 240px;
	height: 1px;
	background: #000;
	transform: rotate(-45deg);
	transform-origin:0 0;
	
	-ms-transform: rotate(-45deg); 	
	-ms-transform-origin:0 0; 		
	
	-webkit-transform: rotate(-45deg);	
	-webkit-transform-origin:0 0;	
	
	-moz-transform: rotate(-45deg);		
	-moz-transform-origin:0 0%;		
	
	-o-transform: rotate(-45deg);		
	-o-transform-origin:0 0;
	position: relative;
	left: 85px;
	top:-40px;
}
.service-xx1 div{
	top:-80px ;
}
.service-x2{
	text-align: right;
	position: relative;
	right: 85px;
}

@media(max-width:991px){
	.service{
		padding-top: 60px;
	}
	.service-div1 .service-d1{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.service-div1 .service-d2{
		width: 100%;
		margin-top: 40px;
	}
	.service-div2 .service-d1 .sd-d1{
		left: 0;
	}
}
@media(max-width:767px){
	.service{
		padding: 0 .3rem;
		padding-top: .6rem;
		margin-bottom: .4rem;
	}
	.service-div1{
		padding-top: .6rem;
		margin-bottom: .8rem;
	}
	.service-div1 .service-d1 .sd-d1{
		font-size: 2rem;
		top: -.8rem;
	}
	.service-div1 .service-d1 .sd-d2{
		font-size: .42rem;
	}
	.service-div1 .service-d1 .sd-d3{
		margin-top: .3rem;
		font-size: .26rem;
		line-height: .45rem;
	}
	.service-div1 .service-d2{
		margin-top: .4rem;
		padding-bottom: .4rem;
		background-size:1.7rem 1.6rem;
	}
	.service-div1 .service-d2 div{
		font-size: .28rem;
		height: .6rem;
		line-height: .6rem;
		-webkit-transform-origin: .3rem .3rem;
		transform-origin:.3rem .3rem;
		-ms-transform-origin: .3rem .3rem;
		-moz-transform-origin: .3rem .3rem;
	}
	.service-div1 .service-d2 div span{
		margin-left: .2rem;
	}
	.service-div1 .service-d2 img{
		width: calc(100% - .6rem);
		padding-bottom: .6rem;
	}
	.service-div2 .service-d2 img{
		margin-right: 0;
	}
	.service-x1{
		display: none;
	}
	.service-bj-img{
		display: none;
	}
	.service-bj{
		padding-bottom: .6rem;
		background: #f1f1f1;
	}
	.service-nav .about-swiper{
		height: .8rem;
		position: fixed;
		top: 1.2rem;
		left: 0;
		z-index: 25;
		background: #fff;
		border-bottom: 1px solid #E5E5E5;
	}
	.service-nav .about-swiper .cli{
		background: #039702;
		color: #fff;
	}
}







/*加入我们*/
.join-sdiv-li{
	width: 20%;
	float: left;
	font-size: 16px;
	line-height: 80px;
	text-align: center;
	color: #4f4f4f;
	position: relative;
}
.join-sdiv-li:after{
	content: "";
	width: 1px;
	height: 30px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top:50%;
	margin-top: -15px;
}
.join-sdiv-li:first-child:after{
	width: 0;
}
.join-sdiv-li a{
	display: block;
	height: 80px;
	color: #4f4f4f;
	border-left: 1px solid #fff;
	transition: all .3s;
	position: relative;
	cursor: pointer;
}
.join-sdiv-li a:after{
	content: "";
	width: 0;
	height: 4px;
	background: #32d191;
	position: absolute;
	left: 50%;
	bottom: 0;
}
.join-sdiv-li a:hover:after{
	width: 100%;
	left: 0;
	transition: all .3s;
}
.join-sdiv-li .cli:after{
	width: 100%;
	left: 0;
}
.join-bj{
	background: #f7f7f7;
}
.join{
	padding-top: 70px;
	padding-bottom: 70px;
}
.join-h1{
	font-size: 42px;
    color: #333;
    line-height: 1;
    position: relative;
    text-align: center;
}
.join-h1:after{
	content: "";width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -12.5px;
}
.join-ul{
	width: 100%;
	background: #fff;
	margin-top: 60px;
}
.join-ul li{
	border-bottom: 1px solid #f7f7f7;
	padding: 20px 2.73%;
	overflow: hidden;
	position: relative;
}
.jli-d0{
	width: 1px;
	height: calc(100% - 40px);
	position: absolute;
	left: 17.18%;
	top:20px;
	background: #F7F7F7;
}
.jli-d1{
	width: 17.18%;
	float: left;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	padding: 35px 0;
}
.jli-d2{
	width: 59%;
	float: left;
	margin-left: 2.3%;
	padding: 20px 0;
}
.jli-d2 div{
	width: 33.33%;
	float: left;
	font-size: 16px;
	color: #949494;
	line-height: 25px;
	height: 35px;
	padding:5px 3px;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.jli-d2 div span{
	color: #666666;
}
.join-page{
	text-align: center;
	margin-top: 60px;
}
.join-page .page a{
	background: #e8e8e8;
	margin: 0 2px;
	 transition: all .3s;
}
.join-page .page .prev {
	    background: url(../img/news_05.png) no-repeat 20px center #e8e8e8;
}
.join-page .page .next {
	    background: url(../img/news_06.png) no-repeat 70px center #e8e8e8;
}
.join-page .page .prev:hover{
	background: url(../img/news_051.png) no-repeat 20px center #32d191 !important;
}
.join-page .page .next:hover{
	background: url(../img/news_061.png) no-repeat 70px center #32d191 !important;
}
.join-page .page .active {
    background: #32d191 !important;
    color: #fff;
 }
 .join-page .page a:hover{
 	background: #32d191 !important;
    color: #fff;
    transition: all .3s;
 }
 .team-bj{
 	background: #fff;
 	padding-top: 145px;
 	padding-bottom: 190px;
 }
  .team{
  	overflow: hidden;
  }
 .team img{
 	width: 100%;
 }
 .team-d1{
 	width: 57.82%;
 	float: left;
 }
 .team-d1-a{
 	width: 42.3%;
 	float: left;
 	position: relative;
 }
 .team-d1-b{
 	width: 27.7%;
 	margin-left: 1.15%;
 	float: left;
 	position: relative;
 }
 .dataul{
 	overflow: hidden;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }
 .dataul li{
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	top: 0;
 	opacity: 0;
 	transition: all .3s;
 	-webkit-transition: all .3s;
 }
 .dataul li.sw{
 	opacity: 1;
 	transition: all .3s;
 	-webkit-transition: all .3s;
 }
 .dataimgs{
 	opacity: 1;
 }
 
 .team-d2{
 	width: 41.4%;
 	float: right;
 }
 .team-d2-a{
 	width: 38.67%;
 	float: left;
 	position: relative;
 }
 .team-d2-b{
 	width: 59.05%;
 	float: left;
 	margin-left: 2.28%;
 	position: relative;
 }
 .team-d3{
 	width: 49.6%;
 	float: left;
 	margin-top: 10px;
 }
 .team-d3-a{
 	width: 100%;
 	position: relative;
 }
 .team-d4{
 	width: 49.6%;
 	float: right;
 	margin-top: 10px;
 }
 .team-d4-a{
 	width: 49%;
 	float: left;
 	margin-bottom: 10px;
 	position: relative;
 }
 .team-d4-a .td-d1{
 	width: 100%;
 	height: 100%;
 	padding:20% 8%;
 	font-size: 16px;
 	line-height: 23px;
 	color: #333;
 	position: absolute;
 	top:0;
 	left: 0;
 }
@media (max-width: 1200px) {
	 .team-d4-a .td-d1{
	 	padding: 18% 2%;
	 }
}
@media (max-width: 1023px) {
	 .team-d4-a .td-d1{
	 	padding: 20% 5%;
	 }
}
@media (max-width: 767px) {
	 .team-d4-a .td-d1{
	 	padding: 12% 3%;
	 }
}
 .team-d4-a .tab-a1{
 	width: 10% !important;
 	position: absolute;
 	top:10%;
 	left: 8%;
 }
  .team-d4-a .tab-a2{
 	width: 10% !important;
 	position: absolute;
 	bottom:10%;
 	right: 8%;
 }
 .team-d4-b{
 	width: 49.28%;
 	float: left;
 	margin-left: 1.72%;
 	margin-bottom: 10px;
 	position: relative;
 }
 .team-d4-c{
 	width: 32%;
 	float: left;
 	position: relative;
 }
 .team-d4-d{
 	width: 66%;
 	float: left;
 	margin-left: 2%;
 	position: relative;
 }
 .team-p1{
 	width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60px;
    padding: 0 5px;
    background: url(../img/social_08.png) center;
    font-size: 16px;
    line-height: 70px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    opacity: 0;
    transition: all .3s;
 }
 .team-p1 img{
 	width: 7px !important;
 }
 .team-d3 .team-p1{
 	padding: 0 10px;
 }
 .team a{
 	display: block;
 }
 .team a:hover .team-p1{
 	opacity: 1;
 	transition: all .3s;
 }
 .team-h1 {
    font-size: 42px;
    color: #333;
    line-height: 1;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
 }
 .team-h1:after{
	content: "";width: 25px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -12.5px;
}

.jli-d3{
	width: 120px;
	height: 35px;
	background: #dcdcdc;
	font-size: 14px;
	color: #333;
	line-height: 35px;
	text-align: center;
	float: right;
	margin:0 5px;
	margin-top: 30px;
	cursor: pointer;
	transition: all .3s;
}
.jli-d3:hover{
	background: #32d191;
	color: #fff;
	transition: all .3s;
}
.jli-a1{
	display: inline-block;
	width: 120px;
	height: 35px;
	background: #7f7f7f;
	font-size: 14px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	float: right;
	margin:0 0 0 5px;
	margin-top: 30px;
	transition: all .3s;
}
.jli-a1:hover{
	background: #32d191;
	color: #fff;
	transition: all .3s;
}
.jli-d4{
	width: 100%;
	overflow: hidden;
	background: #ececec;
	position: relative;
	z-index: 3;
	padding: 30px;
	display: none;
}
.jli-d4-ul {
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
.jli-d4-ul div{
	width: 33.33%;
	padding: 5px;
	font-size: 16px;
	line-height: 25px;
	color: #666;
	float: left;
}
.jli-d4-ul div span{
	color: #333;
}
.jli-d4-div{
	width: 50%;
	float: left;
	padding: 10px;
	color: #666;
	font-size: 14px;
	line-height: 22px;
}
.jli-d4-div .hh{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin-bottom: 10px;
}

@media(max-width:1370px){
	.jli-d2{
		width: 68%;
	}
	.jli-d3{
		margin-right: 0;
	}
}

@media(max-width:1280px){
	.jli-d2{
		width: 65%;
	}
	.jli-d2 div{
		width: 50%;
	}
	.jli-d2 .kk{
		display: none;
	}
}

 @media(max-width:1023px){
 	.jli-d2{
 		width: 60%;
 	}
 	.team-d1{
 		width: 100%;
 		margin-bottom: 10px;
 	}
 	.team-d2{
 		width: 100%;
 	}
 	.team-d3{
 		width: 100%;
 	}
 	.team-d4{
 		width: 100%;
 	}
 }
@media(max-width:992px){
	.jli-d1{
		padding:28px 10px;
	}
	.jli-a1{
		margin-top: 20px;
	}
	.team-p1{
		opacity: 1;
	}
}
@media(max-width:767px){
	.join-sdiv-li {
		width: 33.33%;
	    height: .8rem;
	    line-height: .8rem;
    }
	.join-sdiv-li a{
		height: .8rem;
		line-height: .8rem;
		font-size: .3rem;
		
	}
	.join-sdiv-li a:after{
		height: 0;
	}
	.join-sdiv-li a.cli{
		background: #32d191;
		color: #fff;
	}
	.join{
		padding: .6rem .3rem;
	}
	.join-h1{
		font-size: .42rem;
	}
	.jli-d0{
		display: none;
	}
	.join-nav .swiper-slide{
		width: 2.5rem;
	}
	.jli-d1{
		width: 100%;
		height: .4rem;
		line-height: .43rem;
		padding: 0 .2rem;
		font-size: .26rem;
	}
	.jli-d2{
		width: 100%;
		padding: .1rem 0;
		margin-left: 0;
	}
	.jli-d2 div{
		font-size: .24rem;
		height: .4rem;
		line-height: .4rem;
		padding: 0 .2rem;
	}
	.jli-d3{
		margin-top: .2rem;
	}
	.jli-a1{
		margin-top: .2rem;
	}
	.jli-d4{
		font-size: .26rem;
		line-height: .4rem;
		padding: .2rem;
	}
	.jli-d4-ul div{
		width: 50%;
		font-size: .26rem;
		line-height: .4rem;
		padding: 0 .1rem;
		
	}
	.jli-d4-div{
		width: 100%;
		padding: .2rem;
		font-size: .24rm;
		line-height: .4rem;
	}
	.jli-d4-div .hh{
		font-size: .26rem;
		line-height: .4rem;
	}
	.jli-d3{
		background: #32d191;
	    color: #fff;
	}
	.jli-a1{
		background: #32d191;
	    color: #fff;
	    margin-bottom: .2rem;
	    margin-right: .2rem;
	}
	.join-page{
		margin-top: .6rem;
	}
	.team-bj{
		padding: .6rem .3rem;
	}
	.team-d4-a div{
		font-size: .24rem;
		line-height: .4rem;
	}
	 .team-h1{
	 	font-size: .42rem;
	 	margin-bottom: .6rem;
	 }
	 .join-ul li{
	 	padding: .3rem 0;
	 }
	 .team-d4-a .td-d1{
	 	font-size: .20rem;
	 	line-height: .4rem;
	 }
	 .team-p1{
	 	height: .8rem;
	 	line-height: .8rem;
	 	font-size: .24rem;
	 	
	 }
}




/*about 导航*/
@media(max-width:767px){
	.about-nav{
		height: .8rem;
	}
	.fx{
		top:1.2rem
	}
	.about-swiper{
		height: .8rem;
	}
	.about-swiper .swiper-slide{
		height: .8rem;
		line-height: .8rem;
	}
	.about-swiper .swiper-slide:hover:active{
		width: 0;
	}
	.about-swiper .swiper-slide a{
		height: .8rem;
		font-size: .3rem;
		line-height: .8rem;
	}
	.about-swiper .swiper-slide .cli{
		background: #32d191;
		color: #fff;
	}
	.about-swiper .swiper-slide:after{
		height: 100%;
		top: 0;
		margin-top: 0;
	}
	.about-swiper .swiper-slide a:after{
		width: 0;
		bottom: .1rem;
		background: #fff;
		height: 0;
	}
}



/*新闻详情*/
.info-bj{
	padding-top: 80px;
	padding-bottom: 80px;
}
.info{
	overflow: hidden;
}
.info-h1{
	font-size: 42px;
	color: #333;
	text-align: center;
	line-height: 1;
}
.info-p1{
	font-size: 20px;
	text-align: center;
	color: #666;
	line-height: 40px;
	margin-top: 20px;
}
.info-text{
	font-size: 16px;
	color:#666;
	line-height: 35px;
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}
.info-text img{
	display: block;
	float: left;
	width: 24.6%;
	margin: 0.2%;
	vertical-align: middle;
	cursor: pointer;
}
@media (max-width:1023px) {
	.info-text img{
		width: 32.9%;
	}
}
@media (max-width:767px) {
	.info-text img{
		width: 49.6%;
	}
}
.info-text-tk{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
}
.info-text-bj{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.info-text-tp{
	width: 700px;
	height: 98%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -350px;
	padding-top: 80px;
	text-align: center;
}
.info-text-tp img{
	max-width: 100%;
	max-height: 100%;
}
.info-text-x{
	width: 60px;
	height: 60px;
	background: url(../img/img01.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 10px;
	transition: all .3s;
}
.info-text-x:hover{
	opacity: .8;
	transition: all .3s;
}
@media (max-width:767px) {
	.info-text-tp{
		width: 92%;
		left: 0;
		margin-left: 4%;
		padding-top: 1.2rem;
	}
	.info-text-x{
		width: .8rem;
		height: .8rem;
	}
}
.info-sx{
	float: left;
}
.info-sx a{
	display: block;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	margin: 5px;
	transition: all .3s;
}
.info-sx a:hover{
	color: #039702;
	transition: all .3s;
}
.info-a1{
	display: inline-block;
	width: 150px;
	height: 40px;
	background: #41d098;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	float: right;
	border-radius: 5px;
	margin-top: 10px;
	transition: all .3s;
}
.info-a1:hover{
	color: #fff;
	opacity: .8;
	transition: all .3s;
}

@media(max-width:767px){
	.info-bj{
		padding: .6rem .3rem;
	}
	.info-h1{
		font-size: .42rem;
	}
	.info-p1{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.info-text{
		font-size: .24rem;
		line-height: .4rem;
		padding: .3rem;
		margin-top: .2rem;
		margin-bottom:.2rem ;
	}
	.info-sx{
		width: 100%;
		margin-top: .3rem;
	}
	.info-sx a{
		font-size: .26rem;
		line-height: .45rem;
	}
	.info-a1{
		width: 2rem;
		height: .8rem;
		font-size: .26rem;
		line-height: .8rem;
	}
	
}


/*招聘信息*/
.resume{
	width: 92%;
	max-width: 800px;
	padding: 75px 0;
}
.resume-h{
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
}
.resume-d1{
	font-size: 16px;
	margin-bottom: 5px;
}
.resume-it1{
	width: 100%;
    height: 45px;
    background: #fafafa;
    border: none;
    padding: 0 20px;
    color: #666;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.resume-it2{
	width: 100%;
    height: 200px;
    background: #fafafa;
    border: none;
    padding: 20px;
    color: #666;
    margin-bottom: 20px;
    resize: none;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.resume-it3{
	width: 100%;
    height: 45px;
    background: #fafafa;
    border: none;
    padding: 10px 20px;
    color: #666;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.resume-d2{
	width: 100%;
	height: 45px;
	text-align: center;
	margin-top: 20px;
}
.resume-d2 .resume-it4{
	display: inline-block;
	width: 160px;
	height: 45px;
	background: #41d098;
	font-size: 16px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	border: 0;
	margin: 0 5px;
	transition: all .3s;
	cursor: pointer;
}
.resume-d2 .resume-it4:hover{
	opacity: .8;
	transition: all .3s;
}
.resume-d2 .resume-a1{
	display: inline-block;
	width: 160px;
	height: 45px;
	background: #41d098;
	font-size: 16px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	border: 0;
	margin: 0 5px;
	transition: all .3s;
}
.resume-d2 .resume-a1:hover{
	opacity: .8;
	transition: all .3s;
}

@media(max-width:767px){
	.resume-d2 .resume-it4{
		width: 40%;
		margin: 0 5%;
		float: left;
	}
	.resume-d2 .resume-a1{
		width: 40%;
		margin: 0 5%;
		margin-top: 10 ;
	}
}


.zlm-cont-fx{
	max-width: 1050px;
}